<!DOCTYPE html>
<html>

<head>
    <title>千锋宿舍管理系统</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/stytem.css">
    <script src="../js/bootstrap.js"></script>
    <script src="../js/jquery.min.js"></script>
    <script src="../js/checklLogin.js"></script>
</head>
<style>
</style>

<body style="background-image: url(../img/dlem.jpg);">
    <svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
    </svg>
    <main>
        <div class="d-flex flex-column flex-shrink-0 p-3"
            style="width: 280px;background-color: #fff;margin:30px 0 0 30px;background-color:#28313c !important;">
            <div><span class="fs-4" style="font-weight: 700;color: #f7ffff;margin-left: 20px;">千锋宿舍管理系统</span></div>
            <hr>
            <ul class="nav nav-pills flex-column mb-auto">
                <li class="nav-item">
                    <a href="./home.html" class="nav-link" aria-current="page"
                        style="font-size:20px;font-weight: 700;color: #f7ffff;">
                        <svg class="bi me-2" width="16" height="16">
                            <use xlink:href="#home" />
                        </svg>
                        情况总览
                    </a>
                </li>
                <li>
                    <a href="./dormitoryStaff.html" class="nav-link link-dark"
                        style="font-size: 20px; font-weight: 700;color: #f7ffff;">
                        <svg class="bi me-2" width="16" height="16">
                            <use xlink:href="#speedometer2" />
                        </svg>
                        宿舍人员
                    </a>
                </li>
                <li>
                    <a href="./Absentstudent.html" class="nav-link link-dark  active" style="font-size: 20px;font-weight: 700;color: #f7ffff;">
                        <svg class="bi me-2" width="16" height="16">
                            <use xlink:href="#table" />
                        </svg>
                        缺勤登记
                    </a>
                </li>
                <li>
                    <a href="./moveIn.html" class="nav-link link-dark"
                        style="font-size: 20px;font-weight: 700;color: #f7ffff;">
                        <svg class="bi me-2" width="16" height="16">
                            <use xlink:href="#table" />
                        </svg>
                        入住申请
                    </a>
                </li>
                <li>
                    <a href="./manage.html" class="nav-link link-dark"
                        style="font-size: 20px; font-weight: 700;color: #f7ffff;">
                        <svg class="bi me-2" width="16" height="16">
                            <use xlink:href="#grid" />
                        </svg>
                        管理人员
                    </a>
                </li>
                <li>
                    <a href="./updatepassword.html" class="nav-link link-dark"
                        style="font-size: 20px;font-weight: 700;color: #f7ffff;">
                        <svg class="bi me-2" width="16" height="16">
                            <use xlink:href="#people-circle" />
                        </svg>
                        修改密码
                    </a>
                </li>
                <li>
                    <a href="#" class="nav-link link-dark" id="logout"
                        style="font-size: 20px;font-weight: 700; color: #f7ffff;">
                        <svg class="bi me-2" width="16" height="16">
                            <use xlink:href="#people-circle" />
                        </svg>
                        退出系统
                    </a>
                </li>
            </ul>
        </div>
        <div style="width:100%;height:100%;margin: 30px;">
            <div class="card p-3 mb-2 bg-white bg-gradient text-dark"
                style="width:100%;height: 70px; flex-direction: row; justify-content: space-between;padding: none;background-color: #28313c !important;">
                <h2 style="color: #f7ffff;">情况总览</h2>
                <span id="center" style="font-size: 26px;color: #f7ffff;"></span>
                <div>
                    <img src="../img/aaa.jpg" style="width: 50px;height: 45px;border-radius: 39%;" alt="">
                    <span id="manageName"
                        style="font-size: 25px;line-height: 35px;color: #f7ffff;">文渊</span>&nbsp;&nbsp;
                    <button type="button" class="btn btn-danger btn-sm" style="margin-bottom: 5px;"
                        id="quit">退出</button>
                </div>
            </div>
                <!-- 111 -->
                <div style="width: 98%; box-sizing: border-box;">
                    <div class="navbar navbar-default" role="navigation" style="background-color: #fff;">
                        <div class="navbar-header">
                            <button class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#myModalsAdd"
                                onclick="getClazzInfo()">添加</button>
                            <button class="btn btn-success" onclick="getSex('男')">查询男</button>
                            <button class="btn btn-success" onclick="getSex('女')">查询女</button>
                        </div>
                        <div class="form-group">
                            <input type="text" placeholder="请输入学生的姓名" id="likeName" style="border-radius: 12px;">
                            <button onclick="queryLikeName()" class="btn btn-info">搜索</button>
                        </div>
                    </div>

                    <table class="table table-striped" style="background-color: #fff; width: 100%;">
                        <thead>
                            <tr>
                                <th>编号</th>
                                <th>姓名</th>
                                <th>性别</th>
                                <th>班级</th>
                                <th>宿舍楼</th>
                                <th>寝室</th>
                                <th>备注</th>
                                <th>操作</th>
                            </tr>
                        </thead>
                        <tbody id="stbody">
                        </tbody>
                    </table>
                    <!-- 分页 -->
                    <button onclick="first()" id="first">首页</button>
                    <button onclick="up()">上一页</button>
                    <button onclick="down()">下一页</button>
                    <button onclick="last()">尾页</button>
                </div>
                <!-- 111 -->
            </div>
        </div>

        <div>
            <!-- 添加的模态框 -->
            <div class="modal fade" id="myModalsAdd">
                <div class="modal-dialog modal-dialog-centered">
                    <div class="modal-content">

                        <!-- 模态框头部 -->
                        <div class="modal-header">
                            <h4 class="modal-title">添加学生信息</h4>
                            <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                        </div>

                        <!-- 模态框内容 -->
                        <div class="modal-body">
                            <form>
                                <div class="row" style="margin-bottom:10px">
                                    <div class="col-lg-2">
                                        <span style="font-size: 24px">姓名</span>
                                    </div>
                                    <div class="col-lg-10">
                                        <input type="text" class="form-control" id="username" placeholder="请输入姓名">
                                    </div>
                                </div>
                                <div class="row" style="margin-bottom:10px">
                                    <div class="col-lg-2">
                                        <span style="font-size: 24px">性别</span>
                                    </div>
                                    <div class="col-lg-10" style="line-height:32px">
                                        <label><input type="radio" checked class="ssex" name="sex"
                                                value="男">男</label>&nbsp;
                                        <label><input type="radio" class="ssex" name="sex" value="女">女</label>
                                    </div>
                                </div>
                                <div class="row" style="margin-bottom:10px">
                                    <div class="col-lg-2">
                                        <span style="font-size: 24px">年龄</span>
                                    </div>
                                    <div class="col-lg-10">
                                        <input type="number" class="form-control" id="userage" placeholder="请输入年龄">
                                    </div>
                                </div>
                                <div class="row" style="margin-bottom:10px">
                                    <div class="col-lg-2">
                                        <span style="font-size: 24px">班级</span>
                                    </div>
                                    <div class="col-lg-10">
                                        <select id="userclazz" style="margin-top: 6px;width: 90px;">
                                            <option>请选择</option>
                                            <!-- <option value="1">401</option>
                                                 <option value="2">402</option>
                                                 <option value="3">403</option> -->
                                        </select>
                                    </div>
                                </div>
                            </form>
                        </div>

                        <!-- 模态框底部 -->
                        <div class="modal-footer">
                            <button type="button" class="btn btn-success" onclick="addStudentInfo()">确认</button>
                            <button type="button" class="btn btn-danger" data-bs-dismiss="modal">关闭</button>
                        </div>

                    </div>
                </div>
            </div>
        </div>

        <!-- 111 -->
        <div>
            <!-- 修改的模态框 -->
            <!-- 模态框 -->
            <div class="modal fade" id="myModalEdit">
                <div class="modal-dialog modal-dialog-centered">


                    <div class="modal-content">
                        <input type="hidden" id="updateID">
                        <!-- 模态框头部 -->
                        <div class="modal-header">
                            <h4 class="modal-title">修改学生信息</h4>
                            <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                        </div>

                        <!-- 模态框内容 -->
                        <div class="modal-body">
                            <form>
                                <div class="row" style="margin-bottom:10px">
                                    <div class="col-lg-2">
                                        <span style="font-size: 24px">姓名</span>
                                    </div>
                                    <div class="col-lg-10">
                                        <input type="text" class="form-control" id="updatename" placeholder="请输入姓名">
                                    </div>
                                </div>
                                <div class="row" style="margin-bottom:10px">
                                    <div class="col-lg-2">
                                        <span style="font-size: 24px">性别</span>
                                    </div>
                                    <div class="col-lg-10" style="line-height:32px">
                                        <label><input type="radio" checked class="updatesex" name="sex"
                                                value="男">男</label>&nbsp;
                                        <label><input type="radio" class="updatesex" name="sex" value="女">女</label>
                                    </div>
                                </div>
                                <div class="row" style="margin-bottom:10px">
                                    <div class="col-lg-2">
                                        <span style="font-size: 24px">年龄</span>
                                    </div>
                                    <div class="col-lg-10">
                                        <input type="number" class="form-control" id="updateage" placeholder="请输入年龄">
                                    </div>
                                </div>
                                <div class="row" style="margin-bottom:10px">
                                    <div class="col-lg-2">
                                        <span style="font-size: 24px">班级</span>
                                    </div>
                                    <div class="col-lg-10">
                                        <select id="updateclazz" style="margin-top: 6px;width: 90px;">
                                            <option>请选择</option>
                                            <!-- <option value="1">一班</option>
                                                 <option value="2" >二班</option>
                                                 <option value="3">三班</option> -->
                                        </select>
                                    </div>
                                </div>
                            </form>
                        </div>

                        <!-- 模态框底部 -->
                        <div class="modal-footer">
                            <button type="button" class="btn btn-success" onclick="ok()">确认</button>
                            <button type="button" class="btn btn-danger" data-bs-dismiss="modal">关闭</button>
                        </div>

                    </div>

                </div>
            </div>

        </div>
        <!-- 1 -->
    </main>

    <script src="../js/absent.js"></script>
    <script src="../js/systemTime.js"></script>
</body>

</html>